<template>
  <div class="action-buttons">
    <el-button @click="$emit('fold')" :disabled="disabled.fold">弃牌</el-button>
    <el-button @click="$emit('call')" :disabled="disabled.call">跟注</el-button>
    <el-button @click="$emit('raise', raiseAmount)" :disabled="disabled.raise">加注</el-button>
    <el-button @click="$emit('all-in')" :disabled="disabled.allIn">全下</el-button>
    <el-input-number v-model="raiseAmount" :min="1" style="width: 100px; margin-left: 8px;" />
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const raiseAmount = ref(1)
defineProps<{ disabled?: { fold: boolean; call: boolean; raise: boolean; allIn: boolean } }>()
</script>
<style scoped>
.action-buttons {
  margin-top: 24px;
  text-align: center;
}
</style> 